<template>
  <div class="basics-container">
    <div class="test">
      <el-row :gutter="20">
        <div class="log-list-left">
          <el-col :span="5" class="left">
            <div class="grid-content bg-purple"><one-tree :container-height="height" @dianjiTree="dianjiTree" />
            </div>
          </el-col>
        </div>
        <el-col :span="19">
          <el-row :gutter="20">
            <el-col :span="24">
              <one-org-message :org-message="orgMessage" />
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24"><one-staff-message :org-message="orgMessage" /></el-col>
          </el-row>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import oneTree from './components/one-tree.vue'
import OneOrgMessage from './components/oneOrgMessage.vue'
import OneStaffMessage from './components/oneStaffMessage.vue'

export default {
  components: { oneTree, OneOrgMessage, OneStaffMessage },
  data() {
    return {
      orgMessage: {},
      height: '1040px'
    }
  },
  methods: { dianjiTree(data) {
    // console.log('点击', data)
    this.orgMessage = data
  } }
}

</script>

<style lang="scss" scoped>
.basics-container {
  width: 100%;
  height: 800;
  padding: 20px;
  margin-top: 46px;
  position: relative;
  overflow-x: hidden;
  &::-webkit-scrollbar {
	display: none;//隐藏滚动条
	}
  .test {
    .log-list-left{
      .left {
      height: 800px;
      height: auto!important;
    }
    }

  }
}
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
.el-col {
  border-radius: 10px;
}
.bg-purple {
  background: #fff;
  border-radius: 4px;
  min-height: 36px;
}
</style>
